<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>练习float</title>
		
		<style type="text/css">
			body{
				margin: 0px;
				border: 0px solid red;
			}
			div{
				border: 0px solid red;
			}
			div #con1{
				width: 800px;
				height: 800px;
				margin: 0px;
				
			}
			div #con2{
				width: 100%;
				height: 100%;
				float: left;
			}
			#con2 div{
				float: left;
				width: 50%;
				height: 50%;
			}
			
		</style>
	</head>
	<body>
		<p>
		<div id="con1">
			<p> con1</p>
			<div id="con2">
				<p>con1下的con2</p>
				<div id="left">
					<p>left</p>
				</div>
				<div id="right">
					<p>right</p>
				</div>
				
			</div>
		</div>
		
		</p>
	</body>
</html>
